.repo-area {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    .repo-item {
        flex: 1;
        flex-basis: 320px;
        height: 180px;
        width: 320px;
        background-color: white;
        border-radius: 8px;
        margin: 10px;
        padding: 0 10px;
        .header {
            padding: 8px;
            height: 60px;
            width: 100%;
            position: relative;
            .title {
                line-height: 60px;
                font-weight: 600;
                font-size: 1.2rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .delete {
                position: absolute;
                right: 0px;
                top: 8px;
                color: red;
                cursor: pointer;
            }
        }
        
        .descrpition {
            padding: 8px;
            height: 80px;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .footer {
            width: 100%;
            display: inline;
            .claim {
                padding: 8px;
                float: left;
                font-size: 0.8rem;
                color: rgb(152, 152, 152);
            }
            .date {
                padding: 8px;
                float: right;
                font-size: 0.8rem;
                color: rgb(152, 152, 152);
            }
        }
    }
}